body{
    padding-top:50px;
    padding-bottom:50px;
}
.top{
    position: fixed;
    width:100%;
    left:0px;
    top:0px;
    background:#ececec;
}
.top img{
    width:20px;
}
.top div{
    padding:10px;
    box-sizing: border-box;
}
.search_box{
    margin:0px 10px;
    background:white;
    height:35px;
    border-radius: 3px;
}
.search_txt{
    height:35px;
    line-height:35px;
    text-align: center;
    color:#b3b3b3;
    font-size:14px;
}
.search_txt img{
    width:18px;
    vertical-align: middle;

    margin-top: -3px;
}
.chat_list{
    background:white;
    margin-top:10px;
}
.chat .pic{
    width:20%;
    padding:10px;
    box-sizing: border-box;
}
.chat .pic img{
    width:100%;
    border-radius: 5px;
}

.chat .txt{
    width:80%;
    padding:10px 0px;
    box-sizing: border-box;
    padding-right:10px;
    border-bottom: 1px solid #eee;
}
.chat .time{
    color:#cdcdcd;
    font-size:12px;
}
.chat .msg{
    color:#cdcdcd;
    font-size:12px;
    margin-top:5px;
}
.bnav{
    position: fixed;
    width: 100%;
    left:0px;
    bottom: 0px;
    padding-top:10px;
    padding-bottom:10px;
    background-color:#ececec;
}
.bnav .item{
    text-align: center;
}
.bnav .item div{
    font-size:12px;
}
.bnav img{
    width:24px;
}













